<template>
  <div>

      <div class="topic_Content" v-for="(item,index) in topicArr" :key="index">
          <img :src="item.scene_pic_url" alt="">
          <h3>{{item.title}}</h3>
          <p>{{item.subtitle}}</p>
          <span style="color:darkred">￥{{item.price_info.toFixed(2)}}元起</span>
      </div>
 
    <!-- v-model="currentPage" -->
      <van-pagination  :page-count="2"  mode="simple" />
  </div>
</template>

<script>

import { getList } from "@/request/api";

export default {
    name:'Topic',
    data(){
        return{
            topicArr:[]
        }
    },
    components:{
    },
    created(){
        getList()
        .then((res)=>{
            // console.log(res.data);
            this.topicArr = res.data.data
            // console.log(this.topicArr);
        })
        .catch((err)=>{
            console.log(err);
        })
    }
}
</script>

<style>
.topic_Content{
    width: 100%;
    background: #fff;
    margin-bottom: 0.2rem;
    line-height: 0.3rem;
}
.topic_Content img{
    width: 100%;
}
.topic_Content h3{
    font-size: 0.16rem;
}
</style>